.container {
  padding-top: 10rpx;
  .single {
    background-color: white;
    margin-bottom: 10rpx;
  }

  .info-base {
    display: flex;
    padding: 0 30rpx;
    padding-top: 20rpx;
    padding-bottom: 37rpx;
    align-items: center;
    &.cancel-base{
      padding-left: 11rpx;
    }
    .out{
      width: 64rpx;
      height: 40rpx;
      text-align: center;
      line-height: 40rpx;
      font-size: 22rpx;
      background-color: #CCCCCC;
      border-radius: 10rpx;
      color: white;
      margin-right: 10rpx;
    }
    .left {
      position: relative;
      display: flex;
      align-items: center;
      margin-right: 20rpx;

      image {
        width: 160rpx;
        height: 160rpx;
      }

      .style03 {

        border-radius: 0px 0px 10rpx 0px !important;
      }

      .style04{
        background-color: #44A3FC !important;
        border: none !important;
      }

      .style05{
        background-color: #FFA626 !important;
        border: none !important;
      }

      

      .label-box {
        position: absolute;
        left: 0;
        top: 0;
      }
    }

    .right {
      width: 490rpx;
      height: 160rpx;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      &.cancel-right{
        width: 450rpx;
      }

      .top {
        width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
      }

      .center {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        view{
          margin-right: 15rpx;
        }

        .viponly {
          width: 126rpx;
          height: 34rpx;
          background: linear-gradient(90deg, #FFBB48 0%, #FF902D 100%);
          border-radius: 5rpx;
          text-align: center;
          height: 34rpx;
          color: white;
          font-size: 22rpx;
        }

        .point {
          width: 126rpx;
          height: 34rpx;
          background-color: white;
          border-radius: 5rpx;
          text-align: center;
          height: 34rpx;
          color: #FB4147;
          font-size: 22rpx;
          border:1px solid #FB4147
        }
        .zhe {
          width: 126rpx;
          height: 34rpx;
          background-color: white;
          border-radius: 5rpx;
          text-align: center;
          height: 34rpx;
          color: #F07608;
          font-size: 22rpx;
          border: 1px solid #F07608;
        }

        .amount {
          color: #B5B5B5;
          font-size: 22rpx;
        }
      }

      .bottom {
        display: flex;
        align-items: center;

        .style01 {
          padding: 15rpx !important;
          background-color: #F8F0F3 !important;
          border-radius: 10rpx !important;
          border: 1px solid #FD649C;
          color: #FE649C !important;
          font-size: 24rpx !important;
        }
        .cancel{
          margin-left: auto;
        }

        .real-price {
          margin-right: 45rpx;
          &.cancel-price{
            margin-right: 20rpx;
          }

          text {
            color: #222222;

            &:nth-child(1) {
              font-size: 22rpx;
            }

            &:nth-child(2) {
              font-size: 32rpx;
            }
          }
        }

        .old-price {
          font-size: 22rpx;
          color: #999999;
        }
        .vip-price {
          font-size: 22rpx;
          color: #FD649C;
        }
      }

    }
  }
}